import {Layout} from 'antd'
import './Home.scss'
import SiderMenu from './SiderMenu'
import {Outlet} from 'react-router-dom'
const {Sider,Header,Content,Footer}=Layout
export default function Home() {
  return (
    <Layout className='home-container'>
      <Sider className='left-silder'>
        <SiderMenu></SiderMenu>
      </Sider>
      <Layout className='right-container'>
        <Header className='header'>头部</Header>
        <Content>
          <Outlet></Outlet>
        </Content>
        <Footer>&copy;2024版权属于蜗牛学院前端18期所有</Footer>
      </Layout>
    </Layout>
  )
}
